
<!DOCTYPE html>
<html>
<head>

    <title></title>
    @include('system::admin.Layouts.create-layui-head')

</head>
<body>
<div class="layuimini-container" id="mds_vue">
    <fieldset class="layuimini-main">
        <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
            <legend>
                编辑
            </legend>
        </fieldset>
        <form class="layui-form" lay-filter="layui_form">
            <input type="hidden" name="id">

            <div class="layui-form-item  name name_coat">
                <label class="layui-form-label">姓名 <span style="color: red;"></span> </label>
                <div class="layui-input-block">
                    <input type="text" name="name" lay-verify="name" autocomplete="off" placeholder="姓名" class="layui-input name">
                </div>
            </div>

            <div class="layui-form-item  phone phone_coat">
                <label class="layui-form-label">手机号 <span style="color: red;"></span> </label>
                <div class="layui-input-block">
                    <input type="text" name="phone" lay-verify="phone" autocomplete="off" placeholder="手机号" class="layui-input phone">
                </div>
            </div>

            <div class="layui-form-item type">
                <label class="layui-form-label">所属部门 <span style="color: red;"></span></label>
                <div class="layui-input-block">
                    <select class="layui-input layui-unselect" id="department" name="department" lay-filter="department">
                        <template v-for="(site,key) in department">
                            <option v-bind:value="key">(> site <)</option>
                        </template>
                    </select>
                </div>
            </div>

            <div class="layui-form-item" pane="">
                <label class="layui-form-label">账号权限 <span style="color: red;"></span></label>
                <div class="layui-input-block">
                    <template v-for="(site,key) in power">
                        <input type="radio" name="power" v-bind:value="key" v-bind:title="site.title" :checked="site.default==1">
                    </template>
                </div>
            </div>

            <div class="layui-form-item" pane="">
                <label class="layui-form-label">性别 <span style="color: red;"></span></label>
                <div class="layui-input-block">
                    <template v-for="(site,key) in sex">
                        <input type="radio" name="sex" v-bind:value="key" v-bind:title="site.title" :checked="site.default==1">
                    </template>
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label">密码 <span style="color: red;"></span></label>
                <div class="layui-input-inline">
                    <input type="password" name="password" placeholder="请输入密码" autocomplete="off" class="layui-input">
                </div>
                <div class="layui-form-mid layui-word-aux">不写就是不改密码,默认:123456</div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label">状态 <span style="color: red;"></span></label>
                <div class="layui-input-block">
                    <input checked type="checkbox" name="status" lay-skin="switch" lay-text="开|关">
                </div>
            </div>

            <div class="layui-form-item  username username_coat">
                <label class="layui-form-label">登录账号 <span style="color: red;"></span> </label>
                <div class="layui-input-block">
                    <input type="text" name="username" lay-verify="username" autocomplete="off" placeholder="登录账号" class="layui-input username">
                </div>
            </div>

            <div class="layui-form-item layui-form-text">
                <label class="layui-form-label">备注 <span style="color: red;">*</span></label>
                <div class="layui-input-block">
                    <textarea placeholder="请输入内容" name="remarks" class="layui-textarea remarks"></textarea>
                </div>
            </div>


            <div class="layui-form-item" style="clear: both; width: 100%;">
                <div class="layui-input-block">
                    <button class="layui-btn" lay-submit="" lay-filter="Submit_immediately">立即提交</button>
                    <button type="button" class="layui-btn layui-btn-primary">取消</button>
                </div>
            </div>
        </form>
    </fieldset>
</div>

@include('system::admin.Layouts.create-layui-top')

<script>
    //由于数据更改导致的虚拟 DOM 重新渲染和打补丁
    var mds_vm = new Vue({
        delimiters: ['(>', '<)'],
        el: '#mds_vue',
        data: {
            //这里是为了得到form表单里面的配置信息来动态的获取相关的下拉多选等初始数据

            'name': JSON.parse('{!! (gettype($form[324]->extends) == 'array')?json_encode($form[324]->extends):($form[324]->extends?$form[324]->extends:"{}") !!}'),
            'phone': JSON.parse('{!! (gettype($form[325]->extends) == 'array')?json_encode($form[325]->extends):($form[325]->extends?$form[325]->extends:"{}") !!}'),
            'department': JSON.parse('{!! (gettype($form[492]->extends) == 'array')?json_encode($form[492]->extends):($form[492]->extends?$form[492]->extends:"{}") !!}'),
            'power': JSON.parse('{!! (gettype($form[327]->extends) == 'array')?json_encode($form[327]->extends):($form[327]->extends?$form[327]->extends:"{}") !!}'),
            'password': JSON.parse('{!! (gettype($form[328]->extends) == 'array')?json_encode($form[328]->extends):($form[328]->extends?$form[328]->extends:"{}") !!}'),
            'status': JSON.parse('{!! (gettype($form[334]->extends) == 'array')?json_encode($form[334]->extends):($form[334]->extends?$form[334]->extends:"{}") !!}'),
            'username': JSON.parse('{!! (gettype($form[379]->extends) == 'array')?json_encode($form[379]->extends):($form[379]->extends?$form[379]->extends:"{}") !!}'),
            'sex': JSON.parse('{!! (gettype($form[493]->extends) == 'array')?json_encode($form[493]->extends):($form[493]->extends?$form[493]->extends:"{}") !!}'),
            'remarks': JSON.parse('{!! (gettype($form[494]->extends) == 'array')?json_encode($form[494]->extends):($form[494]->extends?$form[494]->extends:"{}") !!}'),                                         //单独使用
            //单独使用
            all21: [""],
        },
        methods: {
            add21: function () {
                mds_vm.all21.push(1);
            },
            del21: function () {
                mds_vm.all21.splice(-1, 1);
            },
        },
        updated: function () {
        },
    });
</script>

<!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->
<script>

    layui.use(['tableSelect', 'form', 'layedit', 'laydate', 'jquery', 'layarea','allJs','chinAdmin'], function () {

        var $ = layui.jquery,form = layui.form, layer = layui.layer, layedit = layui.layedit, laydate = layui.laydate,allJs = layui.allJs, layarea = layui.layarea,chinAdmin = layui.chinAdmin;

        //一一layui对相应的表单进行初始化操作

        //两个18之间的关联等于的function不能直接使用，需要用等于后的。
        layui.company_id = function mds_company_id_18(where = {}) {

            //开始使用
            var company_id = layui.tableSelect;

            var cols_company_id = [{"type":"radio"},{"field":"company_id","title":"ID"},{"field":"company_name","title":"\u516c\u53f8\u540d\u79f0"},{"field":"legal_person","title":"\u6cd5\u4eba\u59d3\u540d"}];

            /**
             * https://fly.layui.com/extend/tableSelect/#doc
             */
            company_id.render({
                elem: '#company_id_show',	//定义输入框input对象 必填
                checkedKey: 'company_id', //表格的唯一建值，非常重要，影响到选中状态 必填
                searchKey: 'company_name',	//搜索输入框的name值 默认keyword
                searchPlaceholder: '关键词搜索',	//搜索输入框的提示文字 默认关键词搜索
                height: '400',  //自定义高度
                width: '900',  //自定义宽度
                table: {	//定义表格参数，与LAYUI的TABLE模块一致，只是无需再定义表格elem
                    url: '/chinadmin/admin/Company/index?searchType=1',  //这个searchType必须，要不和主列表无法区分
                    cols: [cols_company_id],
                    where: where
                },
                done: function (elem, data) {   //点击确定的时候执行

                    //如果是多选框
                    if (cols_company_id[0].type == "checkbox") {

                        var showName = "";
                        var foreignKey = "";

                        for (var i in data.data) {
                            showName += data.data[i].company_name+ ",";
                            foreignKey += data.data[i].company_id+ ",";
                        }

                        showName = showName.slice(0, showName.length - 1);
                        foreignKey = foreignKey.slice(0, foreignKey.length - 1);

                    } else {
                        var showName = data.data[0].company_name;
                        var foreignKey = data.data[0].company_id;
                    }

                    $("#company_id_show").val(showName);
                    $("#company_id_db").val(foreignKey);

                    //如果设置了关联其他表格的重载就执行,并读取重载的值

                }
            });

        };
        //如果存在自定义则执行自定义函数
        typeof mds_company_id_18_self === "function" ? mds_company_id_18_self(form, $) : layui.company_id();

        //两个18之间的关联等于的function不能直接使用，需要用等于后的。
        layui.role_id = function mds_role_id_18(where = {}) {

            //开始使用
            var role_id = layui.tableSelect;

            var cols_role_id = [{"type":"checkbox"},{"field":"id","title":"ID"},{"field":"name","title":"\u540d\u79f0"}];

            /**
             * https://fly.layui.com/extend/tableSelect/#doc
             */
            role_id.render({
                elem: '#role_id_show',	//定义输入框input对象 必填
                checkedKey: 'id', //表格的唯一建值，非常重要，影响到选中状态 必填
                searchKey: 'name',	//搜索输入框的name值 默认keyword
                searchPlaceholder: '关键词搜索',	//搜索输入框的提示文字 默认关键词搜索
                height: '400',  //自定义高度
                width: '900',  //自定义宽度
                table: {	//定义表格参数，与LAYUI的TABLE模块一致，只是无需再定义表格elem
                    url: '/chinadmin/admin/Role/index?searchType=1',  //这个searchType必须，要不和主列表无法区分
                    cols: [cols_role_id],
                    where: where
                },
                done: function (elem, data) {   //点击确定的时候执行

                    //如果是多选框
                    if (cols_role_id[0].type == "checkbox") {

                        var showName = "";
                        var foreignKey = "";

                        for (var i in data.data) {
                            showName += data.data[i].name+ ",";
                            foreignKey += data.data[i].id+ ",";
                        }

                        showName = showName.slice(0, showName.length - 1);
                        foreignKey = foreignKey.slice(0, foreignKey.length - 1);

                    } else {
                        var showName = data.data[0].name;
                        var foreignKey = data.data[0].id;
                    }

                    $("#role_id_show").val(showName);
                    $("#role_id_db").val(foreignKey);

                    //如果设置了关联其他表格的重载就执行,并读取重载的值

                }
            });

        };
        //如果存在自定义则执行自定义函数
        typeof mds_role_id_18_self === "function" ? mds_role_id_18_self(form, $) : layui.role_id();

        //二表单初始简单赋值这里很重要
        form.val('layui_form', {
            "id": '{!! isset($this_data["id"])?$this_data["id"]:"" !!}',                 //这里是所有的通用赋值
            "remarks": '{!! isset($this_data["remarks"])?$this_data["remarks"]:"" !!}',

            "partner": '{!! isset($this_data["partner"])?$this_data["partner"]:"" !!}',                 //这里是所有的通用赋值

            "company_id": '{!! isset($this_data["company_id"])?$this_data["company_id"]:"" !!}',                 //这里是所有的通用赋值

            "name": '{!! isset($this_data["name"])?$this_data["name"]:"" !!}',                 //这里是所有的通用赋值

            "username": '{!! isset($this_data["username"])?$this_data["username"]:"" !!}',                 //这里是所有的通用赋值

            "phone": '{!! isset($this_data["phone"])?$this_data["phone"]:"" !!}',                 //这里是所有的通用赋值

            "type": '{!! isset($this_data["type"])?$this_data["type"]:"" !!}',                 //这里是所有的通用赋值

            "power": '{!! isset($this_data["power"])?$this_data["power"]:"" !!}',                 //这里是所有的通用赋值
            "department": '{!! isset($this_data["department"])?$this_data["department"]:"" !!}',                 //这里是所有的通用赋值

            "sex": '{!! isset($this_data["sex"])?$this_data["sex"]:"" !!}',                 //这里是所有的通用赋值

            "password": '',                               //如果是密码就不赋值
            "remember_token": '{!! isset($this_data["remember_token"])?$this_data["remember_token"]:"" !!}',                 //这里是所有的通用赋值

            "loginfailure": '{!! isset($this_data["loginfailure"])?$this_data["loginfailure"]:"" !!}',                 //这里是所有的通用赋值

            "logintime": '{!! isset($this_data["logintime"])?$this_data["logintime"]:"" !!}',                 //这里是所有的通用赋值

            "prevtime": '{!! isset($this_data["prevtime"])?$this_data["prevtime"]:"" !!}',                 //这里是所有的通用赋值

            "loginip": '{!! isset($this_data["loginip"])?$this_data["loginip"]:"" !!}',                 //这里是所有的通用赋值

            "status": '{!! isset($this_data["status"])?$this_data["status"]:"" !!}',                 //这里是所有的通用赋值

            "api_token": '{!! isset($this_data["api_token"])?$this_data["api_token"]:"" !!}',                 //这里是所有的通用赋值

            "shop_id": '{!! isset($this_data["shop_id"])?$this_data["shop_id"]:"" !!}',                 //这里是所有的通用赋值

            "employee_id": '{!! isset($this_data["employee_id"])?$this_data["employee_id"]:"" !!}',                 //这里是所有的通用赋值

            "registration_id": '{!! isset($this_data["registration_id"])?$this_data["registration_id"]:"" !!}',                 //这里是所有的通用赋值

            "role_id": '{!! isset($this_data["role_id"])?$this_data["role_id"]:"" !!}',                 //这里是所有的通用赋值

            "last_ip": '{!! isset($this_data["last_ip"])?$this_data["last_ip"]:"" !!}',                 //这里是所有的通用赋值

            "last_login_time": '{!! isset($this_data["last_login_time"])?$this_data["last_login_time"]:"" !!}',                 //这里是所有的通用赋值

            "login_num": '{!! isset($this_data["login_num"])?$this_data["login_num"]:"" !!}',                 //这里是所有的通用赋值

            "province": '{!! isset($this_data["province"])?$this_data["province"]:"" !!}',                 //这里是所有的通用赋值

            "city": '{!! isset($this_data["city"])?$this_data["city"]:"" !!}',                 //这里是所有的通用赋值

            "county": '{!! isset($this_data["county"])?$this_data["county"]:"" !!}',                 //这里是所有的通用赋值

            "longitude": '{!! isset($this_data["longitude"])?$this_data["longitude"]:"" !!}',                 //这里是所有的通用赋值

            "latitude": '{!! isset($this_data["latitude"])?$this_data["latitude"]:"" !!}',                 //这里是所有的通用赋值

            "isOnline": '{!! isset($this_data["isOnline"])?$this_data["isOnline"]:"" !!}',                 //这里是所有的通用赋值

            //如果是数组
            //普通多维,二维里面的每个值都显示出来
            "company[company_id]": '{!! $this_data["company"]["company_id"]??"" !!}',

            //普通多维,二维里面的每个值都显示出来
            "company[company_name]": '{!! $this_data["company"]["company_name"]??"" !!}',

            "company_id_show": '{!! isset($this_data["company_id_show"])?$this_data["company_id_show"]:"" !!}',                 //这里是所有的通用赋值

            "role_id_show": '{!! isset($this_data["role_id_show"])?$this_data["role_id_show"]:"" !!}',                 //这里是所有的通用赋值

            //如果是数组
            //普通多维,二维里面的每个值都显示出来
            "p_company[company_name]": '{!! $this_data["p_company"]["company_name"]??"" !!}',

        });

        //二二Vue复杂赋值，这个只对一对多的21号起作用

        //form表单自定义验证
        form.verify({
        });

        //放到layui统一全局
        layui.formSubmit = function formSubmit(data){

            //这里对各种疑难杂症数据进行整理。

            data.field.status = data.field.status ? 'on' : 'off';

            //链接上传过来的默认值
            data.field.default = '{!! $i_i !!}';

            allJs.MDSAjax("/chinadmin/admin/Account/create",data.field,function(data){
                layer.msg(data.msg);
                if (data.code == 200) {
                    var f_layer = parent.layer.getFrameIndex(window.name); //获取窗口索引
                    parent.layer.close(f_layer);
                    parent.layui.table.reload('currentTableId');    //单独打开没有上级也没会报错，不用管。
                }
                return false;
            });

            return false;

        };

        //son扩展操作js
        typeof layui_extend_js === "function" ? layui_extend_js(layui) : false;

        //通用调用
        chinAdmin.create(layui);

    });

</script>


</body>
</html>